    <!-- 贡献者 -->
    <section id="contribute" class="py-20 bg-light">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center max-w-3xl mx-auto mb-16">
          <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">贡献者</h2>
          <p class="text-dark/70 text-lg">感谢所有为 Snow 项目做出贡献的开发者</p>
        </div>

        <!-- 贡献者列表 -->
        <div class="flex flex-wrap justify-center gap-6">
          <!-- 贡献者 1 -->
          <div class="bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition-custom w-36">
            <img src="https://picsum.photos/100/100?random=10" alt="贡献者头像"
              class="w-20 h-20 rounded-full mx-auto mb-3 object-cover border-2 border-primary/20">
            <h3 class="font-medium">张三</h3>
            <p class="text-dark/60 text-sm">核心开发者</p>
          </div>

          <!-- 贡献者 2 -->
          <div class="bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition-custom w-36">
            <img src="https://picsum.photos/100/100?random=11" alt="贡献者头像"
              class="w-20 h-20 rounded-full mx-auto mb-3 object-cover border-2 border-primary/20">
            <h3 class="font-medium">李四</h3>
            <p class="text-dark/60 text-sm">文档维护</p>
          </div>

          <!-- 贡献者 3 -->
          <div class="bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition-custom w-36">
            <img src="https://picsum.photos/100/100?random=12" alt="贡献者头像"
              class="w-20 h-20 rounded-full mx-auto mb-3 object-cover border-2 border-primary/20">
            <h3 class="font-medium">王五</h3>
            <p class="text-dark/60 text-sm">bug 修复</p>
          </div>

          <!-- 贡献者 4 -->
          <div class="bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition-custom w-36">
            <img src="https://picsum.photos/100/100?random=13" alt="贡献者头像"
              class="w-20 h-20 rounded-full mx-auto mb-3 object-cover border-2 border-primary/20">
            <h3 class="font-medium">赵六</h3>
            <p class="text-dark/60 text-sm">测试</p>
          </div>

          <!-- 贡献者 5 -->
          <div class="bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition-custom w-36">
            <img src="https://picsum.photos/100/100?random=14" alt="贡献者头像"
              class="w-20 h-20 rounded-full mx-auto mb-3 object-cover border-2 border-primary/20">
            <h3 class="font-medium">钱七</h3>
            <p class="text-dark/60 text-sm">翻译</p>
          </div>

          <!-- 贡献者 6 -->
          <div class="bg-white rounded-xl p-4 text-center shadow-sm hover:shadow-md transition-custom w-36">
            <img src="https://picsum.photos/100/100?random=15" alt="贡献者头像"
              class="w-20 h-20 rounded-full mx-auto mb-3 object-cover border-2 border-primary/20">
            <h3 class="font-medium">孙八</h3>
            <p class="text-dark/60 text-sm">UI 设计</p>
          </div>
        </div>

        <!-- 如何贡献 -->
        <div class="mt-16 max-w-3xl mx-auto bg-white rounded-xl p-8 shadow-md">
          <h3 class="text-2xl font-semibold mb-6">如何贡献</h3>
          <div class="space-y-4">
            <div class="flex gap-4">
              <div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center mt-1">
                <span class="font-medium text-primary">1</span>
              </div>
              <div>
                <h4 class="font-medium"> Fork 仓库</h4>
                <p class="text-dark/70">在 Gitee 上 fork 我们的仓库到你自己的账号下。</p>
              </div>
            </div>

            <div class="flex gap-4">
              <div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center mt-1">
                <span class="font-medium text-primary">2</span>
              </div>
              <div>
                <h4 class="font-medium">提交修改</h4>
                <p class="text-dark/70">在你的 fork 仓库中进行修改，可以是修复 bug、添加新功能或改进文档。</p>
              </div>
            </div>

            <div class="flex gap-4">
              <div class="flex-shrink-0 w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center mt-1">
                <span class="font-medium text-primary">3</span>
              </div>
              <div>
                <h4 class="font-medium">创建 Pull Request</h4>
                <p class="text-dark/70">将你的修改提交为 Pull Request，我们会审核并合并你的贡献。</p>
              </div>
            </div>
          </div>

          <div class="mt-8">
            <a href="https://gitee.com/jcnc-org/snow" target="_blank"
              class="inline-flex items-center px-6 py-3 bg-primary text-white rounded-md hover:bg-primary/90 transition-custom shadow-md">
              查看贡献指南 <i class="fa fa-git ml-2"></i>
            </a>
          </div>
        </div>
      </div>
    </section>